<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>加班申请</title>
</head>
<body>
	<script type="text/javascript">
		$(function() {
			$('#overwork_form').form('load','get_overwork');
		})
	</script>
	<script type="text/javascript">
		//根据时间计算天数
			function onSelect(d) { 
			  var day=0;
	          var sd = $('#kssj').datebox('getValue').replace(/-/g, '/'), ed = $('#jssj').datebox('getValue').replace(/-/g, '/');  
	          if (sd != '' && ed != '') {  
	              if (sd > ed) {  
	               $.messager.alert('警告','结束时间要大于开始时间','warning');    
	                  } else {  
	                   var totalMS = new Date(ed).getTime() - new Date(sd).getTime();//得到相差的毫秒数  
	                      day = Math.ceil(totalMS/1000/24/60/60);//得到相差天数，不满一天不算一天将Math.ceil改为Math.floor  
	                      $("#qjts").numberbox("setValue", day); //所用天数 */  
	                      }  
	            }  
	          }
	</script>
	<script type="text/javascript">
		$(function(){
			$("#overwork_save").linkbutton({
				onClick : function() {
					$("#overwork_form").form({
						url : "save_overwork",
						success : function(data) {
							if (data=='true') {
								$("#quit_form").form("clear");
								//获取选中的面板
								var tab = $('#tt').tabs('getSelected');
								//根据选中的面板获取该面板的索引
								var index = $('#tt').tabs('getTabIndex',tab);
								//根据索引关闭
								if(index != 0){
									$('#tt').tabs('close',index);
								}
							}
							$.messager.alert("消息",data=='true'?"保存成功！":"保存失败");
						}
					});
					var submit = $("#overwork_form").form('enableValidation').form('validate');
					if (submit) {
						$.messager.confirm('消息', '您确定上传该流程吗？上传后无法修改！', function(r){
							if (r) {
								$("#overwork_form").submit();
							}
						})
					}
				}
			});
			$("#overwork_submit").linkbutton({
				onClick : function() {
					$("#overwork_form").form({
						url : "submit_overwork",
						onSubmit : function(params) {
							params.pk = 'overwork_act';
						},
						success : function(data) {
							if (data=='true') {
								$("#quit_form").form("clear");
								//获取选中的面板
								var tab = $('#tt').tabs('getSelected');
								//根据选中的面板获取该面板的索引
								var index = $('#tt').tabs('getTabIndex',tab);
								//根据索引关闭
								if(index != 0){
									$('#tt').tabs('close',index);
								}
							}
							$.messager.alert({
								title : "消息",
								msg : data=='true'?"提交成功！":"提交失败<br>&nbsp;1、新增加班时间段已经存在，不能重复添加。<br>&nbsp;2、时间格式错误。"
							});
						}
					});
					var submit = $("#overwork_form").form('enableValidation').form('validate');
					if (submit) {
						$.messager.confirm('消息', '您确定上传该流程吗？上传后无法修改！', function(r){
							if (r) {
								$("#overwork_form").submit();
							}
						})
					}
				}
			})
		})
	</script>
	<div class="easyui-layout" fit="true">
		<div data-options="region:'center'" align="center" style="border: none;">
			<form id="overwork_form" method="post">
				<table class="table" style="margin:10px; width: 70%" border="0" cellpadding="0" cellspacing="0">
					<thead>
						<tr align="center">
							<th colspan="5" style="font-size: 17px">加班申请单</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>
								<!-- emp_name 申请人姓名 -->
								<input name="empName" class="easyui-textbox" labelAlign="right"
									style="width: 30%;" label="申请人：" editable="false">
								<!-- 申请时间 -->
								<input name="overworkUptime" class="easyui-textbox" labelAlign="right"
									style="width: 30%;" label="申请时间：" readonly="readonly"></input>
								<!-- dept_name 部门名称 -->
								<input name="deptName" class="easyui-textbox" style="width: 30%;"
									label="部门：" editable="false" labelAlign="right">
								<!-- 隐藏的部门和员工id -->
								<input name="deptId" type="hidden">
								<input name="empId"  type="hidden">
								
							</td>
						</tr>
						<tr>
							<td>
								<!-- position_name 职位名称 -->
								<input name="positionName" class="easyui-textbox" labelAlign="right"
									style="width: 30%;" label="职位：" editable="false"> 
								<!-- 隐藏的职位id -->
								<input name="positionId" type="hidden">
								<!-- overwork_starttime 加班开始时间 -->
								<input name="overworkStarttime" label="开始时间：" class="easyui-datetimebox"
									required style="width: 30%;" editable="false" id="kssj"
									data-options="onChange:onSelect" labelAlign="right"> 
								<!-- overwork_endtime 加班结束时间 -->
								<input name="overworkEndtime" label="结束时间：" class="easyui-datetimebox"
									required style="width: 30%;" editable="false" id="jssj"
									data-options="onChange:onSelect" labelAlign="right">
							</td>
						</tr>
						<tr>
							<td>
								<!-- overwork_day 加班天数 -->
								<input name="overworkDay" class="easyui-numberbox" style="width: 30%;" label="加班天数：" 
									id="qjts" data-options="onChange:onSelect" readonly="readonly" labelAlign="right">
							</td>
						</tr>
						<tr>
							<td>
								<!-- overwork_explain 加班事由 -->
								<input name="overworkExplain" class="easyui-textbox" style="width: 80%;height: 100px;" 
									label="加班事由：" multiline="true" labelWidth="120%" required  labelAlign="right">
								<input name="lunchPeople" type="hidden">
							</td>
						</tr>
						<tr>
							<td style="text-align: center;">
								<a id="overwork_save" class="easyui-linkbutton"
									data-options="iconCls:'icon-save',text:'暂存'">
								</a>
								<a id="overwork_submit" class="easyui-linkbutton"
									data-options="iconCls:'icon-submit',text:'提交'">
								</a>
							</td>
						</tr>
					</tbody>
				</table>
			</form>
		</div>
	</div>
</body>
</html>